<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title></title>
		<style type="text/css">
			.box {
				background-color: #EEEEEE;
				width: 300px;
				height: 60px;
				margin: 50px 100px;
				position: relative;
			}

			.box .jt {
				border-width: 0 10px 10px;
				border-color: #EEEEEE #FFFFFF;
				border-style: solid;
				width: 0;
				height: 0;
				font-size: 0;
				position: absolute;
				left: 50px;
				top: -10px;
				_top: -12px;
			}

			.box2 {
				background-color: #EEEEEE;
				width: 300px;
				height: 60px;
				margin: 50px 100px;
				position: relative;
				border: 1px solid #CCCCCC;
			}

			.box2 .jt {
				position: absolute;
				color: #CCCCCC;
				left: 50px;
				top: -12px;
				font-size: 22px;
				font-family: arial, verdana, sans-serif;
			}

			.box2 .jt2 {
				position: absolute;
				color: #EEEEEE;
				top: 1px;
				left: 0;
			}

			.box3 {
				background-color: #EEEEEE;
				width: 300px;
				height: 60px;
				margin: 50px 100px;
				position: relative;
			}

			.box3 .jt {
				border-width: 0 0 15px 30px;
				border-color: #EEEEEE #FFFFFF;
				border-style: solid;
				width: 0;
				height: 0;
				font-size: 0;
				position: absolute;
				left: -30px;
				top: 25px;
			}

			.box4 {
				background-color: #EEEEEE;
				width: 300px;
				height: 60px;
				margin: 50px 100px;
				position: relative;
			}

			.box4 div {
				width: 0;
				height: 0;
				font-size: 0;
				position: absolute;
			}

			.box4 .jt {
				border-width: 10px;
				border-color: #FFF #EEE #EEE #FFF;
				border-style: solid;
				left: -20px;
				top: 20px;
			}

			.box4 .jt2 {
				border-width: 5px 10px;
				border-color: transparent #FFF #FFF transparent;
				border-style: dashed solid solid dashed;
				left: -20px;
				top: 30px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="jt"></div>
		</div>
		<div class="box2"> <span class="jt">◆<span class="jt2">◆</span></span></div>
		<div class="box3">
			<div class="jt"></div>
		</div>
		<div class="box4">
			<div class="jt"></div>
			<div class="jt2"></div>
		</div>
	</body>
</html>
